/* 移动端适配基础设置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

/* 根元素适配 */
html {
  /* iPhone 6/7/8 为基准: 375px */
  font-size: calc(100vw /375  * 10);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
  background-color: #f5f9ff;
  max-width: 750px;
  margin: 0 auto;
  min-height: 100vh;
  overflow-x: hidden;
}

/* 媒体查询，处理大屏幕 */
@media screen and (min-width: 750px) {
  html {
    font-size: 20px;
  }
}

/* 媒体查询，处理小屏幕 */
@media screen and (max-width: 320px) {
  html {
    font-size: calc(100vw / 320 * 10);
  }
}

/* 禁用长按菜单 */
* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

/* 允许输入框选择 */
input, textarea {
  -webkit-user-select: auto;
  user-select: auto;
}

/* 设置点击区域最小尺寸 */
a, button, input, select {
  min-height: 44px;
  min-width: 44px;
}

:root {
  --primary-color: #1890ff;
  --doctor-message: #1890ff;
  --patient-message: #f5f5f5;
  --text-primary: #333333;
  --text-secondary: #666666;
  --border-color: #e8e8e8;
  --background-light: #ffffff;
  --background-dark: #f0f2f5;
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
}